<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我聊</title>
    <link rel="stylesheet" href="system/css/workbench.css">
</head>
<body>
<div class="body">
    <div class="menu">
        <div class="menu_head">
            <div id="userIcon" class="user_icon"></div>
            <div class="icon_notice">个人信息</div>
            <span class="user_Nickname" id="userNickname"></span>
        </div>
        <div class="menu_body">
            <ul class="windows_list"></ul>
        </div>
    </div>
    <div class="workspace">
        <div class="workspace_head">
            <div class="chat_window tab">
                <span class="active_horn"></span>
            </div>
            <div class="list_window tab">
                <span class="active_horn"></span>
            </div>
        </div>
        <div class="workspace_body">
            <div class="content_head"></div>
            <div class="content_body"></div>
            <div class="content_foot">
                <textarea id="textarea"></textarea>
                <span class="okBtn" id="okBtn"></span>
                <span class="ok_notice">
                    <p class="content_words">点击发送</p>
                </span>
            </div>
        </div>
        <div class="user_info">
            <div class="info_window">
                <div class="info_head">
                    <span class="chat_btn">。。。</span>
                </div>
                <div class="info_body">
                    <ul>
                        <li>账号：<span id="account">1307</span></li>
                        <li>昵称：<span id="nickname">smarteacup</span></li>
                        <li>性别：<span id="sex">男</span></li>
                        <li>年龄：<span id="age">21</span></li>
                        <li>简介：<span id="profile">白日做梦的少年</span></li>
                    </ul>
                </div>
            </div>
            <img src="../image/chat.png" class="body_img">
        </div>
    </div>
</div>

<div class="x_modal_background" id="userInfoModal">
    <div class="x_modal">
        <div class="x_modal_head">
            <span class="x_modal_close">&times;</span>
        </div>
        <div class="x_modal_body">
            <form id="infoForm">
                <div class="info_table">
                    <div>
                        <span>账号：</span>
                        <input id="info_UserAccount" name="userAccount">
                    </div>
                    <div>
                        <span>昵称：</span>
                        <input id="info_UserNickName" name="userNickname">
                    </div>
                    <div>
                        <span>性别：</span>
                        <input id="info_UserSex" name="userSex">
                    </div>
                    <div>
                        <span>年龄：</span>
                        <input id="info_UserAge" name="userAge">
                    </div>
                </div>
            </form>
        </div>
        <div class="x_modal_foot">
            <button>确定</button>
        </div>
    </div>
</div>

<div class="notice_bubble"></div>
</body>
<script src="../plugins/jquery/jquery-3.2.1.min.js"></script>
<script src="system/Model4Response.js"></script>
<script src="system/css/ResponseEvent.js"></script>
<script src="system/socket/socketMethod.js"></script>
<script src="workbench.js"></script>
</html>